<div class="row">
  <x-alert title="Successful tip" type="success"> </x-alert>
  <x-alert title="Message prompt" type="info"> </x-alert>
  <x-alert title="Warning notices" type="warning"> </x-alert>
  <x-alert title="Error message" type="error"> </x-alert>
</div>
